/*
 * @Author: LGX
 * @Date: 2022-04-03 09:45:53
 * @LastEditors: LGX
 * @LastEditTime: 2022-04-06 20:54:10
 * @FilePath: \erp-management-system\src\components\customerseas\CheckBtn.jsx
 * @Description: 复选按钮
 * 
 */
import React, { useState, useEffect } from 'react';
import IconFont from './IconFont'
import './Seas.moudle.css'

const Checkbtn = (props) => {
    const { click, stateBtn } = props
    return (
        <>
            <div className='checkList'>
                {stateBtn.map((item) => {
                    return <button key={item.id} type='button' className={item.check ? 'checkedBtn' : 'noChecked'} onClick={() => click(item.id)} >{item.title} <IconFont type='icon-duoxuanxuanzhong' /></button>
                })}

            </div>
        </>
    );
}

export default Checkbtn;

